html {overflow: hidden;}
body { 
  background-color: black;
  font-size:100%;
}

#fixed_frame { width: 1004px; height: 658px; border: 1px dashed aqua; margin: auto; }
#content { height: 700px; }
#footer { width: 100%; text-align: center;}

div#title1 { color: #66FFFF; font: bold 36pt "Apple Chancery"; width: 100%; text-align: center; margin-right: 200px;}
div#title2 { color: white; font-size: 14pt; font-family: "Arial Rounded MT", Arial; text-transform: uppercase;  text-align: center; letter-spacing: 5px; position: relative; top: -10px; }

.faketable { display: table-cell; vertical-align: middle; } 
.faketable div { float: left; }

.helen {
  color: #64FBF9;  
  font-family: 'Bradley Hand ITC TT', 'Lucida Handwriting', Lucida, Verdana, sans-serif;
  font-size: 1.3em;
}


/* Navigation  */


#main_nav { font-size: 12pt; background-color: black; width: 150px; height: 100%; float: left; padding: 10px 0px; line-height:26px;}
#main_nav li { display: inline; margin: 0 10px; padding: 0 10px; margin: 2px; display: block; text-align:right;}
#main_nav li a { color: white; text-decoration:none; text-align: center;}
#main_nav li.current { font-style: italic; border: 1px solid white;}
/* #main_nav li.current a { color: white;} */
#main_nav li {border: 1px solid transparent;}
/* #main_nav li.current:hover {border: 1px solid white;}
#main_nav li:hover { border: 1px solid yellow;}
#main_nav li a:hover { color: white; } */



/* Adjust content for Navigation */
/*#content { margin-left: 140px;}*/
#content{ float:right;margin-left:0px;width:650px; }


/* Testing welcomes */
#welcomes { width: 100%; font-size: 18pt;}
#welcomes li { display: inline; margin: 0 10px; }
#welcomes li a { color: yellow; text-decoration:none; text-align: center;}
#welcomes li.current { font-size: 24pt; font-style: italic;}
#welcomes li.current a { color: white;}
#welcomes li a:hover { color: white; }

/* Navigation Lines */
#welcomes { border-top: 1px solid #333; }
#welcomes li.current { background-color: black; border: 1px solid #333; border-top: 1px solid black; position: relative; top: -1px; z-index: 2;}
#welcomes li { padding: 0 10px; margin: 0; }

#copyright { color: white; font-family: Georgia,"Times New Roman",serif; font-size: .8em;}


#fixed_frame { width: 100%; height: 100%; margin:0px; border: none; position: absolute;
    top: 0;
    left: 0;
}

#artist__poet #header { background: #000 url('../../uploads/helens_originals/helensherrytitle_artistpoet.jpg') no-repeat center center;}
#haiku #header { background: #000 url('../../uploads/helens_originals/helensherrytitle_haiku.jpg') no-repeat center center;}
#gallery #header { background: #000 url('../../uploads/helens_originals/helensherrytitle_gallery.jpg') no-repeat center center;}
#shoppe #header { background: #000 url('../../uploads/helens_originals/helensherrytitle_shoppe.jpg') no-repeat center center;}
#exhibitions #header { background: #000 url('../../uploads/helens_originals/helensherrytitle_exhibitions.jpg') no-repeat center center;}
#header { background: #000 url('../../uploads/helens_originals/helensherrytitle_originals.jpg') no-repeat center center; height: 80px; width: 800px;}


#footer { 
    z-index: 10;
    background-color: black;
    }
    


#top_bar { 
background-color: #999999; 
height: 3px;  border: 1px solid #333333; 
       border-left: none; border-right: none; 
}
#bottom_bar {   

   background-color: #999999;
   height: 3px; 
   border: 1px solid #333333;
   border-left: none; border-right: none; 
}

#fixed_frame { width:  810px; height: 100%; margin:auto; border: none; 

    position: relative;

}





#title {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 72pt;
  margin-right: 40px;
  opacity: 0.10;
        filter: alpha(opacity = 10);
  float:right;
position:relative
}

/* Text and Enhancements */

.section {
   background-color: #b5b5b5;
   margin-bottom: 3px;
}

.quote {
  background: #eee url('../../uploads/helens_originals/quote.png') no-repeat;
  
border: 1px solid white;
}

#content p {
  line-height: 1.2em;
  padding: 5px;
}
#story p { line-height: auto; }

.lighter {
  background-color: #b5b5b5;
}

@font-face {
  font-family: "Windsong";
  src: url("../../uploads/helens_originals/Windsong.ttf") format("truetype");
}


/* Home */

#home #artwork {  margin: 10px; }
#home #artwork img { margin: auto; border: 1px solid white; }
#home #haiku {  color: #66FFFF; color: #72cddf; color: #56e2fe; margin: 10px; padding:  10px; margin-left: 52%; font-style: italic; font-size: 16pt;  position: relative; top:  -220px; border-left:  1px solid #66FFFF;}

#home .line { position:relative; text-align:center; top:-100px; z-index: 5;}
#home .line a { text-decoration:none; color: black; font-size: 18pt;}

#home .line .abstract { padding-right: 15px; margin-left: -100px; }
#home .line .haiku, #home .line .abstract { display: inline; font-style: italic; padding:  10px; }


/* Haiku */

#haiku .view_cart { display: inline; }


/* Exhibitions and Awards */

.exhibitions p {
  margin: 0px;
  padding: 2px;
  line-height: 13px;
  margin-left: 15px;
}

.exhibitions h2 {
  margin-bottom: 10px;
  font-size: 1.1em;
  border-bottom: 1px solid white;
}
.exhibitions #title {
  display: none;
}

.exhibitions h3 {
  color: #64FBF9;
  text-shadow: white 0px 0px 1px;
  margin-top: 20px;
}

.exhibitions a {
  color: #64FBF9;
  text-decoration:none;
  font-style:italic;
}

.exhibitions #exhibit_listing {
  overflow-y:auto;
  height: 400px;
}


/* Gallery Styles */
#gallery #content { background: #333; }
.photo_container { border: 0px solid white; display:table-cell; vertical-align: middle; text-align: center; }
.photo_container * { vertical-align: middle; }
.grid_photo { border: 2px solid white; }

.show_photo_grid { display: table; border: 1px solid black; margin: 6.5px;width: 142px; height: 142px;  }
.show_photo_grid:hover { border: 1px solid #111; }

#photo_755 .photo_container { display: none; } /* invisible spacer photo */

/*.row_end { clear:none!important; }*/

/* Contact */
#contact #title { display:none; }
.contact_form { border:  1px solid white; color: white; margin: 0px; width: 560px;}
.contact_form label { color:#64FBF9; font-size: 1.0em; }
.contact_form #message { margin-left: 110px; width: 436px; border: 1px solid #999; height: 120px; }
.contact_form input[type="submit"] { font-size: 1.0em; margin: 0px; }
/* Store */

#shoppe #title { display:none; }

.product_link { 
  padding-top:5px;
  text-align:center;
  vertical-align:middle;
  width:106px;
}

.product_image { display: table-cell; vertical-align: middle; text-align: center;}
.product_image * { vertical-align: middle; }


.product_container { background: transparent; border: 1px solid black; }
.product_container img { border: 3px solid white; }
.product_popup_text { margin-top: 5px; }

#show_product a { color: #64FBF9; text-decoration: none; }
#show_product a:hover { text-decoration: underline; }

.show_product_header { padding: 5px;}
.show_product_header .back_to_store { float: right; }

.show_product_details, .show_product_image {width: 300px; height: 300px; float: left; padding: 10px;}

.show_product_image { display: table-cell; vertical-align: middle; text-align: center;}
.show_product_image img { border: 5px solid black; }
.show_product_image * { vertical-align: middle; }

.show_product_name {
   font-size: 1.4em;
  text-transform: uppercase;
  letter-spacing: 0.22em;
}
.show_product_giclee, .show_product_note_cards {
  width:  300px;
  float: left;
  padding: 5px;
}

.show_product_footer { bottom: 20px; padding: 10px; line-height: 1.5em; width: 630px; float: left;}
.show_product_footer .view_cart { float: right; }
.show_product h1 { text-align: center; font-style: italic; width: 300px; margin: auto; }
.show_product .product_variants { width: 620px; margin: auto; margin-top: 10px; }
.back_to_store a { color: #64FBF9; text-decoration: none; }
.back_to_store a:hover { text-decoration: underline; }
o_store a:hover { text-decoration: underline; }

/* Pagination */


 .pagination a { color: #000; border: 1px solid #000; }
 span.current { background-color: #000; border-color: #000; }

.pagination a:hover, .pagination a:active {
  border: 1px solid #000;
  color: #000;
}

 .pagination a:hover {
  background-color: #999;
}

 .pagination span.current {
  border: 1px solid #000;
  background-color: #000;
  color: #FFF;
}
 .pagination span.disabled {
  border: 1px solid #555;
  color: #444;
}

.pagination { font-size: 1.1em; }

.gallery_pagination .pagination .disabled { border: 0px; color: #444; display:none;}
.gallery_pagination .pagination * { border: 0px; color: #999; background-color: #000; }
.gallery_pagination .pagination .current { border:0px; background-color: #777; color: #000;}
.gallery_pagination .pagination *:hover { border:0px; }


.store_pagination .pagination span.disabled { border: 1px solid #999; color: #999; display:none;}
.store_pagination .pagination span { border: 1px solid #444; color: #444; }
.store_pagination .pagination a { border: 1px solid #333; color: #333;  }
.store_pagination .pagination a:hover { background-color: #333; color: #999; }

/*Full Height */

#footer {  
  clear:  both;
}
html {overflow: auto;}

/*.wrapper {min-height: 0px;}*/



* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -2em;
margin: auto;
}
#footer, .push {
    height: 2em;
}

.push:after {content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}
.push {display: inline-block;}


/* Localized */